<template>
	<div class="app-container">
		<head-top></head-top>
		<div class="mr20 mb20 nxb-box">
			<div class="i-box article-contain">
				<article>
					<div class="article_title">
						<h1 class="">{{articleObj.name}}</h1>
						<section class="hLh30 txtOf mt5 mb10 a-list-extrainfo">
							<div class="tac"> 
								<span title="浏览数" class="c-999 vam disIb"> 
									<em class="icon14 q-view mr5 vam"></em>
									<tt class="vam f-fM">{{articleObj.pageview}}</tt> 
								</span> 
								<tt class="c-999 f-fM ml15 vam">{{articleObj.updatetime}}</tt> 
							</div>
						</section>
					</div>
					<div id="art-infor-body" v-html="articleObj.info"></div>
				</article>
				
			</div>
		</div>
		<foot-bootom></foot-bootom>
	</div>
</template>

<script>
	import headTop from '@/components/header/header'
	import footBootom from '@/components/footer/index'
	import { domainUrl } from '@/utils/index'
	import { articleInfo } from '@/api/article.js'
	export default {
		components: {
			//引入组件
			headTop,
			footBootom
		},
		name: 'articleInfo',
		data() {
			return {
				articleObj:{}
			}
		},
		created(){
			let id = this.$route.query.id;
			
			this.articleInfo(id);
		},
		methods:{
			articleInfo(id){
				articleInfo(id).then((res)=>{
					this.articleObj = res.entity;
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import 'article';
</style>